<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>用户注册</title>
    <link rel="stlylesheet" href ="1.css">

</head>
<body>
    <form action ="# calss=contact_form">
        <ul>
            <li class ="usually">
                <h2>用户注册</h2>
            </li>

            <li class="usually">
                <span>昵称：</span>
                <input type="text" id="user_name" required pattern="[A-Za-z0-9]{3,16}" title="长度为3到16">
            </li>

            <li class="usually">
                <span>密码：</span>
                <input type="password" id="user_password" required >
            </li>

            <li class="special">
                <span>性别：</span>
                <input type="radio" name="sex" id="male" checked >
                <lable for="male">男</lable>
                <input type="radio" name="sex" id="female" >
                <lable for ="female">女</lable>
            </li>

            <li class="usually">
                <span>电子邮箱：</span>
                <input type="emial" id="user_email" required> ;o
            </li>

            <li class="special">
                <span>兴趣爱好</span>
                <input type="checkbox" id="football" nmae=""interest>
                <lable for="football">足球</lable>
                <input type="checkbox" id="basketball" nmae=""interest>
                <lable for="basketball">篮球</lable>
                <input type="checkbox" id="swim" nmae=""interest>
                <lable for="swim">游泳</lable>
                <input type="checkbox" id="sing" nmae=""interest>
                <lable for="sing">唱歌</lable>
                <input type="checkbox" id="run" nmae=""interest>
                <lable for="run">跑步</lable>
                <input type="checkbox" id="football" nmae=""interest>
                <lable for="yogo">瑜伽</lable>
                <input type="checkbox" id="yogo" nmae=""interest>
            </li>

            <li class="usually">
                <sapn> 自我介绍：</sapn>
                <textarea id="user_info" cols="30" rows="5"></textarea>
            </li>

            <li>
                <button class="submit" type="submit" >立即注册</button>
            </li>
        </ul>
    </form>
    
</body>
</html>